<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
                <meta http-equiv="X-UA-Compatible" content="ie=edge">
                    <title>出错啦</title>
                    <style>
                        * {
                            margin: 0;
                            padding: 0;
                            border: 0;
                            list-style: none;
                            text-decoration: none;
                            box-sizing: border-box;
                            -webkit-tap-highlight-color: transparent;
                            font-family: "黑体";
                        }
                    @media screen and (max-width: 640px) {
                        html {
                            font-size: 18px;
                        }
                    }
                    
                    @media screen and (max-width: 600px) {
                        html {
                            font-size: 19.2px;
                        }
                    }
                    
                    @media screen and (max-width: 560px) {
                        html {
                            font-size: 18.5px;
                        }
                    }
                    
                    @media screen and (max-width: 480px) {
                        html {
                            font-size: 17px;
                        }
                    }
                    
                    @media screen and (max-width: 414px) {
                        html {
                            font-size: 16px;
                        }
                    }
                    
                    @media screen and (max-width: 400px) {
                        html {
                            font-size: 15.8px;
                        }
                    }
                    
                    @media screen and (max-width: 384px) {
                        html {
                            font-size: 15.5px;
                        }
                    }
                    
                    @media screen and (max-width: 375px) {
                        html {
                            font-size: 15.3px;
                        }
                    }
                    
                    @media screen and (max-width: 360px) {
                        html {
                            font-size: 15.1px;
                        }
                    }
                    
                    @media screen and (max-width: 320px) {
                        html {
                            font-size: 14.5px;
                        }
                    }
                    html,
                    body {
                        width: 100%;
                        height: 100%;
                        overflow: hidden;
                    }
                    .page-main{
                        overflow: hidden;
                    }
                    .page-main h1{
                        color: #d33;
                        font-size: 6rem;
                        letter-spacing: 2px;
                    }
                    .page-main h3{
                        margin: 5% 0 0;
                        letter-spacing: 1px;
                        font-size: 2rem;
                        font-weight: lighter;
                    }
                    .page-main h4{
                        margin: 5% 0;
                        letter-spacing: 1px;
                        font-size: 1.0rem;
                        font-weight: lighter;
                    }
                    .page-main a{
                        background-color: #d33;
                        color: #fff;
                        height: 36px;
                        border-radius: 18px;
                        padding: 0 20px;
                        line-height: 36px;
                        margin:0 20px;
                    }
                    .direction-c {
                        display: -webkit-box;
                        display: -moz-box;
                        display: box;
                        display: -moz-flexbox;
                        display: -webkit-flex;
                        display: -moz-flex;
                        display: flex;
                        box-orient: vertical;
                        -moz-box-orient: vertical;
                        -webkit-box-orient: vertical;
                        flex-direction: column;
                    }
                    .full {
                        width: 100%;
                        height: 100%;
                    }
                    .flex-auto {
                        -webkit-box-flex: 1;
                        -moz-box-flex: 1;
                        flex: 1;
                        position: relative;
                    }
                    .page-head{
                        height: 50px;
                        text-align: center;
                        border-bottom: 1px solid #999;
                        line-height: 50px;
                    }
                    .main{
                        background-color: #eee;
                    }
                    .flex-center {
                        display: -webkit-box;
                        display: -moz-box;
                        display: box;
                        display: -moz-flexbox;
                        display: -webkit-flex;
                        display: -moz-flex;
                        display: flex;
                        -webkit-box-pack: center;
                        -moz-box-pack: center;
                        box-pack: center;
                        justify-content: center;
                    }
                    </style>
                    <script>
                        function btngohome() {
                        location.href = "dzwb://gohome"
                        }
                        
                        function btngoback() {
                        location.href = "dzwb://goback"
                        }
                    </script>
    </head>
    <body>
        <div class="full direction-c">
            <div id="main" class="flex-auto">
                <div class="live-home full direction-c">
                    <header class="page-head">出错啦</header>
                    <div class="page-main flex-center direction-c flex-auto" style="background-color:#eee;">
                        <h1 style="text-align:center;"></h1>
                        <h3 style="text-align:center;">SORRY</h3>
                        <h4 style="text-align:center;">无法访问目标页面</h4>
                        <div class="flex-center">
                            <a href="javascript:void(0)" onclick="btngohome()">返回首页</a>
                            <a href="javascript:void(0)" onclick="btngoback()">返回上级</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>